.root {
    -fx-font-family: "Arial";
    -fx-background-color: #E8F0FE; /* 更改背景色 */
}

.label {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
}

.button {
    -fx-background-color: #007BFF;
    -fx-text-fill: white;
    -fx-padding: 10 20;
    -fx-border-radius: 5;
    -fx-background-radius: 5;
}

.button:hover {
    -fx-background-color: #0056b3;
}

.add-button {
    -fx-background-color: #28a745; /* 绿色 */
    -fx-text-fill: white;
}

.add-button:hover {
    -fx-background-color: #218838;
}

.group-button {
    -fx-background-color: #6c757d;
    -fx-text-fill: white;
    -fx-max-width: 150px;
}

.group-button:hover {
    -fx-background-color: #5a6268;
}

.selected-group-button {
    -fx-background-color: #17a2b8;
    -fx-text-fill: white;
}

.delete-button {
    -fx-background-color: #dc3545; /* 红色 */
    -fx-text-fill: white;
}

.delete-button:hover {
    -fx-background-color: #c82333;
}

.toggle-button {
    -fx-background-color: #28a745; /* 绿色 */
    -fx-text-fill: white;
}

.toggle-button:hover {
    -fx-background-color: #218838;
}

.task-uncompleted {
    -fx-background-color: #ffc107; /* 黄色 */
    -fx-text-fill: black;
}

.task-completed {
    -fx-background-color: #6c757d; /* 灰色 */
    -fx-text-fill: white;
}
